﻿@model HHF.Models.VolunteerApplicationViewModel

@{
	ViewBag.Title = "Volunteer Application";
}
    
    @using (Html.BeginForm()) {
        @Html.ValidationSummary(true)
        <fieldset>
            <legend>
            
            </legend>    
            <h2>Personal Information</h2>
            <div class="editor-label">
                @Html.LabelFor(model => model.FirstName)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.FirstName)
                @Html.ValidationMessageFor(model => model.FirstName)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.MiddleName)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.MiddleName)
                @Html.ValidationMessageFor(model => model.MiddleName)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.LastName)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.LastName)
                @Html.ValidationMessageFor(model => model.LastName)
            </div>
            <h2>Home Address</h2>
            <div class="editor-label">
                @Html.LabelFor(model => model.HomeAddressStreet)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.HomeAddressStreet)
                @Html.ValidationMessageFor(model => model.HomeAddressStreet)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.HomeAddressCityProvince)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.HomeAddressCityProvince)
                @Html.ValidationMessageFor(model => model.HomeAddressCityProvince)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.HomeAddressState)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.HomeAddressState)
                @Html.ValidationMessageFor(model => model.HomeAddressState)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.HomeAddressZip)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.HomeAddressZip)
                @Html.ValidationMessageFor(model => model.HomeAddressZip)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.HomeAddressCountry)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.HomeAddressCountry)
                @Html.ValidationMessageFor(model => model.HomeAddressCountry)
            </div>
            <h2>Office Address</h2>
            <div class="editor-label">
                @Html.LabelFor(model => model.CompanyName)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.CompanyName)
                @Html.ValidationMessageFor(model => model.CompanyName)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.OfficeAddressStreet1)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.OfficeAddressStreet1)
                @Html.ValidationMessageFor(model => model.OfficeAddressStreet1)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.OfficeAddressStreet2)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.OfficeAddressStreet2)
                @Html.ValidationMessageFor(model => model.OfficeAddressStreet2)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.OfficeAddressCityProvince)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.OfficeAddressCityProvince)
                @Html.ValidationMessageFor(model => model.OfficeAddressCityProvince)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.OfficeAddressState)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.OfficeAddressState)
                @Html.ValidationMessageFor(model => model.OfficeAddressState)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.OfficeAddressZip)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.OfficeAddressZip)
                @Html.ValidationMessageFor(model => model.OfficeAddressZip)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.OfficeAddressCountry)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.OfficeAddressCountry)
                @Html.ValidationMessageFor(model => model.OfficeAddressCountry)
            </div>
            <h2>Contact Information</h2>
            <div class="editor-label">
                @Html.LabelFor(model => model.PhoneNumberHome)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.PhoneNumberHome)
                @Html.ValidationMessageFor(model => model.PhoneNumberHome)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.PhoneNumberWork)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.PhoneNumberWork)
                @Html.ValidationMessageFor(model => model.PhoneNumberWork)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.PhoneNumberCell)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.PhoneNumberCell)
                @Html.ValidationMessageFor(model => model.PhoneNumberCell)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.Email)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Email)
                @Html.ValidationMessageFor(model => model.Email)
            </div>
            <h2>Credentials</h2>
            <div class="editor-label">
                @Html.LabelFor(model => model.Degrees)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.Degrees)
                @Html.ValidationMessageFor(model => model.Degrees)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.FieldsOfSpecialty)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.FieldsOfSpecialty)
                @Html.ValidationMessageFor(model => model.FieldsOfSpecialty)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.JobTitles)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.JobTitles)
                @Html.ValidationMessageFor(model => model.JobTitles)
            </div>
            <h2>Personal Experience</h2>
            <div class="editor-label">
                @Html.LabelFor(model => model.HaveYouPerviouslyTraveledAbroad)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.HaveYouPerviouslyTraveledAbroad)
                @Html.ValidationMessageFor(model => model.HaveYouPerviouslyTraveledAbroad)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.HaveYouPerviouslyTraveledAbroadYesWhere)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.HaveYouPerviouslyTraveledAbroadYesWhere)
                @Html.ValidationMessageFor(model => model.HaveYouPerviouslyTraveledAbroadYesWhere)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.WhatLanguagesDoYouKnow)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.WhatLanguagesDoYouKnow)
                @Html.ValidationMessageFor(model => model.WhatLanguagesDoYouKnow)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.PrimaryReasonsYouWouldLikeToJoin)
            </div>
            <div id="volunteerTextArea" class="editor-field">
                @Html.TextAreaFor(model => model.PrimaryReasonsYouWouldLikeToJoin)
                @Html.ValidationMessageFor(model => model.PrimaryReasonsYouWouldLikeToJoin)
            </div>
    
            <div  class="editor-label">
                @Html.LabelFor(model => model.TellUsBrieflyAboutAnyPastExperiences)
            </div>
            <div id="volunteerTextArea"  class="editor-field">
                @Html.TextAreaFor(model => model.TellUsBrieflyAboutAnyPastExperiences)
                @Html.ValidationMessageFor(model => model.TellUsBrieflyAboutAnyPastExperiences)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.HowDidYouHearAboutUs)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.HowDidYouHearAboutUs)
                @Html.ValidationMessageFor(model => model.HowDidYouHearAboutUs)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.HealingHandsMemberReferredBy)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.HealingHandsMemberReferredBy)
                @Html.ValidationMessageFor(model => model.HealingHandsMemberReferredBy)
            </div>
    
            <div class="editor-label">
                @Html.LabelFor(model => model.AdditionalComments)
            </div>
            <div class="editor-field">
                @Html.EditorFor(model => model.AdditionalComments)
                @Html.ValidationMessageFor(model => model.AdditionalComments)
            </div>
    
            <p>
                <input type="submit" value="Create" />
            </p>
        </fieldset>
    }
    

